
<template>
    <van-swipe v-if="banners.length" class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="(item,index) in banners" :key="index">
        <!-- <img :src="item.img_url" alt=""> -->
        <img v-lazy="item.img_url" alt="">
    </van-swipe-item>
    </van-swipe> 
</template>
<script>
export default{
    name:"HomeSwiper",
    props:{
       banners:{
        type:Array,
        default(){
            return[]
        }
       }
    }
}
</script>
<style>
img{
    width: 100%;
    height: auto;
}
</style>